<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<f:view contentType="text/html">
	<h:head>
		<style type="text/css">@import url(../css/estilo.css);</style>
	</h:head>
	<h:body>
		<p:layout fullPage="true" id="adminPrincipal">

			<p:layoutUnit position="top" height="175" id="top_layout" resizable="false"
				closable="false" collapsible="false">
				<div align="center"><img src="../imagens/chamado_admin.png"
					width="1000"></img></div>

			</p:layoutUnit>

			<p:layoutUnit position="bottom" height="30"
				header="Desenvolvido por André Ricardo Gnhoato • João Carlos V. Siqueira • Lubian Carmona • ©2011"
				resizable="false" closable="false" collapsible="true">
			</p:layoutUnit>

			<p:layoutUnit position="left" width="200" header="Menu"
				resizable="true" closable="false" collapsible="true">
				<h:form>
					<p:menu style="width:180px">
						<p:submenu label="Home">
							<p:menuitem value="Chamadas" action="Admin?faces-redirect=true" ajax="false" />
						</p:submenu>
						<p:submenu label="Ações" icon="ui-icon ui-icon-gear">
							<p:menuitem value="Máquinas" action="maquina?faces-redirect=true" ajax="false"
								icon="ui-icon ui-icon-gear" />
							<p:menuitem value="Usuários" action="usuario?faces-redirect=true"
								ajax="false" icon="ui-icon ui-icon-gear" />
							<p:menuitem value="Departamentos" action="departamento?faces-redirect=true"
								ajax="false" icon="ui-icon ui-icon-gear" />
							<p:menuitem value="Tipos" action="tipo?faces-redirect=true" ajax="false"
								icon="ui-icon ui-icon-gear" />

						</p:submenu>
						<p:submenu label="Usuário" ajax="false">
							<p:menuitem
								value="Bem-vindo: #{UsuarioController.usuarioLogado.login}" />
							<p:menuitem value="Sair" action="#{UsuarioController.logout}"></p:menuitem>
						</p:submenu>
					</p:menu>
				</h:form>


			</p:layoutUnit>

			<!--    <p:layoutUnit position="right" width="200" header="Right" resizable="true" closable="true" collapsible="true">  -->
			<!--        <h:outputText value="East unit content." />  -->
			<!--    </p:layoutUnit>  -->

			<p:layoutUnit position="center" scrollable="true">
				<h:form id="formCadastro">
					<p:panel id="panelCadastro" header="Novo Usuário"
						style="margin-bottom:10px;">
						<p:messages />
						<h:panelGrid id="panelGrid" columns="3">
							<h:outputLabel for="nome" value="Nome:" />
							<p:inputText id="nome" value="#{UsuarioController.usuario.nome}"
								style=" width : 248px;" required="true"
								requiredMessage="Nome: Campo obrigatório" />
							<p:message for="nome" display="icon" />
							<h:outputLabel for="cpf" value="CPF:" />
							<p:inputMask id="cpf" value="#{UsuarioController.usuario.cpf}"
								mask="999.999.999-99" style=" width : 248px;" required="true"
								requiredMessage="CPF: Campo obrigatório" />
							<p:message for="cpf" display="icon" />
							<h:outputLabel for="matricula" value="Matrícula:" />
							<p:inputText id="matricula"
								value="#{UsuarioController.usuario.matricula}"
								style=" width : 248px;" required="true"
								requiredMessage="Matrícula: Campo obrigatório" />
							<p:message for="matricula" display="icon" />
							<h:outputLabel for="login" value="Login:" />
							<p:inputText id="login"
								value="#{UsuarioController.usuario.login}"
								style=" width : 248px;" required="true"
								requiredMessage="Login: Campo obrigatório" />
							<p:message for="login" display="icon" />
							<h:outputLabel for="senha" value="Senha:" />
							<p:password id="senha" value="#{UsuarioController.usuario.senha}"
								style=" width: 248px;" required="true"
								requiredMessage="Senha: Campo obrigatório" />
							<p:message for="senha" display="icon" />
							<h:outputLabel for="maquina" value="Máquina:" />
							<h:selectOneMenu id="sMaquina"
								binding="#{UsuarioController.maquinaSelecionado}"
								required="true" requiredMessage="Maquina: Campo obrigatório">
								<f:selectItem itemLabel="Selecione" itemValue="" />
								<f:selectItems value="#{UsuarioController.maquinasParaComboBox}" />
							</h:selectOneMenu>
							<p:message for="sMaquina" display="icon" />
							<h:outputLabel for="tipo" value="Tipo:" />
							<h:selectOneMenu id="sTipo"
								binding="#{UsuarioController.tipoSelecionado}" required="true"
								requiredMessage="Tipo: Campo obrigatório">
								<f:selectItem itemLabel="Selecione" itemValue="" />
								<f:selectItems value="#{UsuarioController.tiposParaComboBox}" />
							</h:selectOneMenu>
							<p:message for="sTipo" display="icon" />
							<h:outputLabel for="departamento" value="Departamento:" />
							<h:selectOneMenu id="sDepartamento"
								binding="#{UsuarioController.departamentoSelecionado}"
								required="true"
								requiredMessage="Departamento: Campo obrigatório">
								<f:selectItem itemLabel="Selecione" itemValue="" />
								<f:selectItems
									value="#{UsuarioController.departamentosParaComboBox}" />
							</h:selectOneMenu>
							<p:message for="sDepartamento" display="icon" />
						</h:panelGrid>
						<p:separator />
						<p:commandButton value="Salvar" image="ui-icon ui-icon-disk"
							action="#{UsuarioController.cadastrarUsuario}" ajax="false">
						</p:commandButton>

					</p:panel>
				</h:form>
				<h:form id="form">
					<p:panel id="panelDados">
						<p:growl id="msgs" showDetail="true" />
						<p:dataTable id="usus" var="usu" dynamic="true"
							value="#{UsuarioController.usuarios}" selectionMode="single"
							selection="#{UsuarioController.usuario}"
							loadingMessage="Carregando..." paginator="true" rows="5"
							paginatorTemplate="  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} ">
							<f:facet name="header">  
            					Usuarios Cadastradas  
        					</f:facet>
							<p:column style="width: 75px">
								<f:facet name="header">
									<h:outputText value="ID" />
								</f:facet>
								<h:outputText value="#{usu.idusuario}" />
							</p:column>
							<p:column style="width: 525px">
								<f:facet name="header">
									<h:outputText value="Nome" />
								</f:facet>
								<h:outputText value="#{usu.nome}" />
							</p:column>
							<p:column style="width: 200px">
								<f:facet name="header">
									<h:outputText value="CPF" />
								</f:facet>
								<h:outputText value="#{usu.cpf}" />
							</p:column>
							<p:column style="width: 200px">
								<f:facet name="header">
									<h:outputText value="Matricula" />
								</f:facet>
								<h:outputText value="#{usu.matricula}" />
							</p:column>
							<p:column style="width: 200px">
								<f:facet name="header">
									<h:outputText value="Tipo" />
								</f:facet>
								<h:outputText value="#{usu.tipo.descricao}" />
							</p:column>
							<p:column style="width: 300px">
								<f:facet name="header">
									<h:outputText value="Maquina" />
								</f:facet>
								<h:outputText value="#{usu.maquina.descricao}" />
							</p:column>
							<p:column style="width: 200px">
								<f:facet name="header">
									<h:outputText value="Departamento" />
								</f:facet>
								<h:outputText value="#{usu.departamento.descricao}" />
							</p:column>
						</p:dataTable>
						<p:separator />
						<p:commandButton value="editar" ajax="false"
							image="ui-icon ui-icon-pencil"
							action="#{UsuarioController.editar}">
						</p:commandButton>

						<p:commandButton value="apagar" update="panelDados"
							image="ui-icon ui-icon-close"
							action="#{UsuarioController.deletar}" />
						<p:commandButton value="Voltar" action="Admin" ajax="false" />

					</p:panel>
				</h:form>
			</p:layoutUnit>

		</p:layout>
		<div id="logo"></div>
	</h:body>
</f:view>
</html>
